/*子页banner*/
.zy_banner{
	height: 380px;
	overflow: hidden;
	position: relative;
	
	width: 100%;
}
.zy_banner img{
	display: block;
	position: relative;
	left: 50%;
	margin-left: -960px;
}
.zy_title{
	position: absolute;
	top: 64px;
	left: 50%;
	margin-left: -170px;
	background: url(../Image/zy_title_bg.png) no-repeat center center;
	height: 252px;
	width: 294px;
}
.zy_title>div{
	position: absolute;
	width: 250px;
	top: 76px;
	right: 0;
	text-align: center;
	color: #fff;
}
.zy_title>div h1{
	font-size: 36px;
	
	display: inline-block;
	min-width: 200px;
	height: 52px;
	overflow: hidden;
	font-family: '宋体';
}
.zy_title>div span{
	display: block;
	text-transform: uppercase;
	font-size: 20px;
	font-family: arial;
	line-height: 30px;
	width: 220px;
	margin:8px auto 0 auto;
}
/*zy公共部分 位置信息及二级栏目*/
.zy_content{
	
	position: relative;
	z-index: 5;
	background-color:#ffffff; 
}
.zy_content .wid_main{
	width: 1300px;
	margin:0 auto;
}
.zy_navbox{
	border-bottom: #ddd solid 1px;
	padding-bottom: 8px;
	display:table; content:''; clear:both;/*清除浮动*/
}
.zy_navbox .weizhi{
	width: 350px;
	height: 92px;
	float: left;
	position: relative;
}
.zy_navbox .weizhi>div{
	background-color: #fff;
	border-radius: 5px 5px 0 0;
	position: absolute;
	top: -20px;
	width: 350px;
	height: 92px;
	z-index: 2;
}
.zy_navbox .weizhi>div p{
	font-size: 14px;
	color: #666;
	margin-left: 20px;
	margin-top: 17px;
}
.zy_navbox .weizhi>div p img{
	vertical-align: middle;
	margin-top: -2px;
	margin-right: 5px;
}
.zy_navbox .weizhi>div p a{
	color: #666;
}
.zy_navbox .weizhi>div p a:hover{
	color: #3385cc;
}
.zy_navbox .weizhi>div p span{
	font-weight: bold;
	color: #3385cc;
}
.zy_navbox .weizhi>div p b{
	font-weight: normal;
	color: #999;
	margin-right: 18px;
}
.zy_navbox .weizhi i{
	position: absolute;
	top: -20px;
	height: 92px;
	width: 366px;
	left: -8px;
	background: url(../Image/shadow-bg.png) no-repeat center bottom;
}
.zy_navbox ul{
	float: right;
	width: 920px;
	padding-top: 42px;
	margin-left: 30px;
}
.zy_navbox ul li{
	display: inline-block;
	padding:0 30px 5px;
	position: relative;
}
.zy_navbox ul li h2{
	position: relative;
}
.zy_navbox ul li h2 a{
	font-size: 18px;
	color: #555;
}
.zy_navbox ul li.cur h2 a{
	color: #3385cc;
	font-weight: bold;
}


.zy_navbox ul li h2 span{
	width: 0;
	height: 2px;
	transition:width .3s;
	display: block;
	background-color: #3385cc;
	margin-top: 4px;
}
.zy_navbox ul li.cur h2 span{
	width: 100%;
}
.zy_navbox ul li:hover h2 i{
	width: 100%;
}
.zy_navbox ul li:hover h2 a,.zy_navbox ul li h2 a.current{
	font-weight: bold;
	color: #3385cc;
}


/*三级菜单*/
.zy_navbox ul li b{
	width: 10px;
	height: 6px;
	position: absolute;
	right: -15px;
	top: 15px;
	background: url(../Image/xjt_down.png) no-repeat center center;
}
.zy_navbox ul li dl{
	background-color: rgba(51,133,204,.9);
	position: absolute;
	top: 40px;
	padding:3px 8px;
	border-radius: 3px;
	display: none;
	z-index: 5;
}
.zy_navbox ul li dl a{
	font-size: 14px;
	color: #fff;
	opacity: .8;
}
.zy_navbox ul li dl dd{
	margin:8px 0; 
}
.zy_navbox ul li dl a:hover{
	text-decoration: underline;
	opacity: 1;
}

.zy_conbox{
	min-height: 300px;
	margin-bottom: 60px;
}

/*公司简介*/
.zy_about{
	margin-top: 50px;
}
.zy_about .img1{
	float: left;
	width: 630px;
	height: 420px;
	margin:0 16px 0 0;
}
.zy_about .txt{
	font-size: 16px;
	color: #666;
	line-height: 36px;
	text-indent: 2em;
	text-align: justify;
}
.zy_about .txt *{ margin-top: 24px; }

/*产品展示*/
.zy_chanp ul{ overflow:hidden; zoom:1; padding:10px 0 !important; width: 1344px;margin-left: -16px;}
.zy_chanp ul li{ margin:36px 16px 0; padding:10px; float:left; _display:inline; overflow:hidden; 
	background-color: #fff;  transition: box-shadow .3s; border:#eee solid 1px;
}
.zy_chanp ul li .pic{ height: 230px; overflow: hidden; }
.zy_chanp ul li .pic img{ width:390px; height:260px;}
.zy_chanp ul li .title{ width: 390px; position: relative; }
.zy_chanp ul li .title h2{ font-size: 20px; color: #666; line-height: 48px;
	white-space: nowrap; text-overflow: ellipsis; overflow: hidden; border-bottom: #bbb solid 1px;
}
.zy_chanp ul li .title i{position: absolute; left: 0; top: 48px;width: 0; height: 1px;
	background-color: #3385cc;  transition:width .7s; z-index: 2;
}
.zy_chanp ul li .title p{ font-size: 14px; color: #999; line-height: 24px;padding: 6px 0 0;height: 48px; overflow: hidden; }
.zy_chanp ul li:hover{ box-shadow: 0 0 10px #999; border:#fff solid 1px;}
.zy_chanp ul li .title:hover h2{ color: #3385cc; }
.zy_chanp ul li .title:hover i{ width: 100%;}

/***翻页样式**/
.fanye{
    text-align:center; 
    margin:50px 0 20px 0;
}
.fanye a{ 
    border:#bbb solid 1px; 
    padding:0px 15px; 
    font-size:14px; 
    color:#666; 
    line-height: 36px; 
    display: inline-block; 
    border-radius: 5px;
    margin:0 1px;
}
.fanye span a{ 
    margin: 0 2px;
    padding:0 20px;
}
.fanye span .current{ 
    color:white; 
    background-color:#3385cc; 
    border:#3385cc solid 1px;
}
.fanye a:hover{
    color:white; 
    background-color:#3385cc; 
    border:#3385cc solid 1px;
}

/*案例展示*/
.zy_anli ul{
	overflow: hidden;
	width: 1312px;
	margin-left: -6.5px;
	margin-top: 20px;
}
.zy_anli ul li{
	float: left;
	width: 315px;
	margin:20px 6.5px 0;
	position: relative;
}
.zy_anli ul li img{
	display: block;
	width: 315px;
	height: 210px;
}
.zy_anli ul li>div>div{
	background-color: #3385cc;
	text-align: center;
	width: 100%;
	padding-right: 1px;
}
.zy_anli ul li>div>div h2{
	color: #fff;
	font-size: 24px;
	width: 80%;
	margin:0 auto;
	border-bottom: #ffffff dashed 1px;
	padding:26px 0 20px 0;
	overflow: hidden;
	white-space: nowrap;
}
.zy_anli ul li>div>div p{
	font-size: 14px; 
	color: #fff;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
	width: 80%;
	margin:16px auto 0;
}
.zy_anli ul li>div>div a{
	display: block;
	width: 114px;
	height: 30px;
	margin:12px auto 0;
	border:3px solid rgba(255,255,255,.8);
	border-radius: 30px;
}
.zy_anli ul li>div>div a span{
	background-color: #fff;
	border:#3385cc solid 1px;
	display: block;
	color: #3385cc; 
	font-size: 14px;
	line-height: 28px;
	border-radius: 30px;
}
.zy_anli ul li>div>div a span:hover{
	color: #fff;
	background-color: #3385cc;
}
.zy_anli ul li h3{
	text-align: center;
	line-height: 40px;
	white-space: nowrap;
	overflow: hidden;
}
.zy_anli ul li h3 a{
	font-size: 18px;
	color: #666;
	display: inline-block;
	max-width: 270px;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: middle;
}
.zy_anli ul li h3 i{
	display: inline-block;
	vertical-align: middle;
	width: 6px;
	height: 10px;
	background:url(../Image/xjt_1.png) no-repeat center top;
	margin:0 10px 0 -16px;
	transition:background-position-y .1s;
	-moz-transition:background-position-y .1s; /* Firefox 4 */
	-webkit-transition:background-position-y .1s; /* Safari and Chrome */
	-o-transition:background-position-y .1s; /* Opera */ 
}
.zy_anli ul li h3:hover a{
	color: #3385cc;
}
.zy_anli ul li h3:hover i{
	background-position-y:-10px; 
}

/*资讯中心*/
.zy_news ul{
	margin-top: 20px;
}
.zy_news ul li {
	border-bottom: #ddd solid 1px;
	padding:30px 0;
}
.zy_news ul li img{
	display: inline-block;
	vertical-align: middle;
	width: 180px;
	height: 120px;
}
.zy_news ul li dl{
	display: inline-block;
	vertical-align: middle;
	width: 870px;
	margin-left: 15px;
}
.zy_news ul li dl dt a{
	font-size: 26px;
	color: #555;
}
.zy_news ul li dl dt a:hover{
	color: #3385cc;
}
.zy_news ul li dl dd{
	font-size: 16px;
	color: #999;
	line-height: 30px;
	margin-top: 22px;
	height: 60px;
	overflow: hidden;
}
.zy_news ul li span{
	background: url(../Image/news_time_bg.png) no-repeat center center;
	display: inline-block;
	vertical-align: middle;
	width: 120px;
	height: 126px;
	margin-left: 70px;
}
.zy_news ul li span i{
	display: block;
	font-size: 18px;
	font-family: arial;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 20px;
	font-style: normal;
	margin-top: 18px;
}
.zy_news ul li span b{
	color: #3385cc;
	display: block;
	text-align: center;
	font-family: arial;
	font-size: 64px;
}

/*在线留言*/
.zy_message{
	background: url(../images/bg_yuan.png) no-repeat top 15px right;
	margin-top: 50px;
	width: 1300px;
	padding-right: 60px;
}
.zy_message form{
	padding:50px 70px;
	border:#ddd solid 1px;
}
.zy_message form p{
	color: #666;
	font-size: 16px;
	margin-bottom: 40px;
}
.zy_message form p a{
	color: red;
}
.zy_message form>div{
	margin-top: 24px;
}
.zy_message form>div span{
	display: inline-block;
	font-size: 16px;
	color: #666;
	width: 100px;
	text-align: right;
	margin-left: -20px;
	margin-right: 5px;
	line-height: 48px;
}
.zy_message form>div span i{
	color: red;
	font-style:normal;
	margin-right: 5px;
	font-size: 16px;
	vertical-align: middle;
}
.zy_message form>div input{
	border:#ddd solid 1px;
	width: 420px;
	height: 46px;
	line-height: 46px;
	border-radius: 5px;
	padding:0 12px;
	font-size: 16px;
	color: #666;
	background-color: #fafafa; 
}
.zy_message form>div.txt span{
	vertical-align: top;
}
.zy_message form>div textarea{
	width: 680px;
	height: 200px;
	border:#ddd solid 1px;
	border-radius: 5px;
	font-size: 16px;
	line-height: 28px;
	padding:10px;
	color: #666;
	background-color: rgba(200,200,200,.1);
}
.zy_message form>div input:focus,.zy_message form>div textarea:focus{
	border-color: #3385cc;
	box-shadow: 0 0 8px #65a9e5;
}
.zy_message form .btn{
	margin-top: 40px;
	padding-bottom: 10px;
}
.zy_message form .btn button{
	width: 150px;
	height: 46px;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	border-radius: 5px;
	background-color: #d5d5d5;
	font-family: "微软雅黑";
	margin-left: 25px;
	cursor: pointer;
}
.zy_message form .btn button:first-child{
	background-color: #3385cc;
	margin-left: 90px;
}
.zy_message form .btn button:hover{
	opacity: .9;
}

/*产品详情页*/
.zy_xqcontent{
	margin-top: 80px;
}
.zy_xqbox{
	width: 1300px;
	margin:0 auto;
	overflow: hidden;
	min-height: 300px;
	padding-bottom: 60px;
}
.zy_xqbox .left_con{
	float: left;
	width: 940px;
}
.zy_xqbox .right_con{
	float: right;
	width: 320px;
}
.zy_xqtitle h1{
	font-size: 30px;
	color: #333;
}
.zy_xqtitle p{
	font-size: 14px;
	color: #999;
	margin-top: 15px;
}
.zy_xqtitle p:before{
	content: "————";
	color: #3385cc;
	margin-right: 10px;
}
.zy_xqtitle p span{
	margin-right: 20px;
}
.zy_xqtxt .zy_xxjs{
	border-bottom: #ddd solid 1px;
	line-height: 36px;
	margin-top: 60px;
	margin-bottom: 30px;
}
.zy_xqtxt .zy_xxjs span{
	font-size: 16px;
	color: #333;
	border-bottom: #3385cc solid 3px;
	padding-bottom: 7px;
}
.zy_xqtxt .txtbox .txt{
	font-size: 14px;
	color: #666;
	text-indent: 2em;
	line-height: 26px;
}
.zy_xqtxt .txtbox .txt img{
	display: block;
	margin:0 auto;
	
}
.zy_xqtxt .txtbox .txt>*{
	margin:15px 0;
}
.zy_xqtxt .txtbox .pic h2{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #3385cc;
	line-height: 40px;
}
.leftpic{width:810px;overflow:hidden;margin:10px auto 30px; position: relative;}
.large_box{width:810px;height:540px;overflow:hidden;}
.large_box img{display:block;width:810px;height:540px;}
.small_box{width:810px;height:110px;overflow:hidden;background-color: rgba(0,0,0,.5);position: absolute; bottom: 0;}
.small_list{position:relative;float:left;width:720px;height:110px;overflow:hidden;}
.small_list ul{height:90px;overflow:hidden; margin-top: 10px;}
.small_list ul li{position:relative;float:left;margin-right:11.5px;width:135px;height: 90px; cursor: pointer; background-color: #3385cc;}
.small_list ul li img{display:block; width:135px;height: 90px;}
.small_list ul li.on img{ filter:alpha(opacity=50);opacity:.5;}
.btn{display:block;width:45px;height:32px; margin-top:40px;
	background-repeat:no-repeat;background-position:center center;cursor:pointer;
}
.left_btn{float:left;background-image:url(../Image/xq_jt_l.png);}
.right_btn{float:right;background-image:url(../Image/xq_jt_r.png);}
.large_box .btn{
	position: absolute;
	top: 30%;
	left: 5px;
	background-color: #3385cc;
	opacity: .2;
	width: 40px;
	height: 60px;
	z-index: 5;
}
.large_box .right_btn{
	left: auto;
	right: 5px;
}
.large_box .btn:hover{
	opacity: .6;
}

.zy_xqtxt .share{
	border-top: #ddd solid 1px;
	margin-top: 40px;
	position: relative;
	padding-top: 10px;
	overflow: hidden;
}
.zy_xqtxt .share i{
	position: absolute;
	height: 3px;
	width: 60px;
	right: 0;
	top: -2px;
	background-color: #3385cc;
}
.zy_xqtxt .share h2{
	float: left;
}
.zy_xqtxt .share h2 p{
	font-size: 14px;
	color: #666;
	font-weight: bold;
	line-height: 32px;
}
.zy_xqtxt .share h2 p a{
	color: #999;
	display: inline-block;
}
.zy_xqtxt .share h2 p a:hover{
	font-weight: bold;
	color: #3385cc;
}
.jiathis_style_24x24{
	float: right;
}
.jiathis_style_24x24 span{
	display: block;
	text-align: right;
	font-weight: bold;
	color: #666;
	font-size: 14px;
	line-height: 32px;
}

.zy_xqbox .right_con h2{
	display:inline-block;
	font-size: 20px;
	color: #333;
	position: relative;
	line-height: 30px;
	padding-bottom: 6px;
}
.zy_xqbox .right_con h2 i{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 50%;
	height: 3px;
	background-color: #3385cc;
}
.picMarquee-top{ width:315px; overflow:hidden; position:relative; background-color: #fafafa; margin-top: 20px;box-shadow: 0 0 5px #bbb;}
.picMarquee-top .bd{ padding:10px;}
.picMarquee-top .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-top .bd ul li{ zoom:1;padding:20px 0; border-bottom: #ddd solid 1px;}
.picMarquee-top .bd ul li img{
	display: inline-block;
	width: 120px;
	height: 80px;
	margin-right: 5px;
	vertical-align: middle;
}
.picMarquee-top .bd ul li dl{
	display: inline-block;
	width: 165px;
	height: 80px;
	vertical-align: middle;
	position: relative;
}
.picMarquee-top .bd ul li dl dt{
	font-size: 16px;
	color: #666;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 28px;
}
.picMarquee-top .bd ul li dl dd{
	font-size: 12px;
	color: #999;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-top: 4px;
}
.picMarquee-top .bd ul li dl span{
	font-size: 12px;
	color: #999;
	position: absolute;
	bottom: 0;
}
.picMarquee-top .bd ul li:hover dt{
	font-weight: bold;
	color: #3385cc;
}